<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>vw vh</title>
	<style type="text/css">
		.box {
			display: table;
			width: 80vw;
			height: 20vh;
		}
		.one,
		.three {
			display: table-cell;
			width: 10%;
			background-color: red;
			height: 100%;
		}
		.two {
			display: table-cell;
			background-color: blue;
			height: 100%;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="one"></div>
		<div class="two"></div>
		<div class="three"></div>
	</div>
</body>
</html>